<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>隐私协议 - 记账助手</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <style>
        .agreement-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 30px 20px;
            text-align: center;
            border-radius: 0 0 20px 20px;
            margin-bottom: 20px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
        }
        
        .agreement-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 10px;
        }
        
        .agreement-subtitle {
            font-size: 14px;
            opacity: 0.8;
        }
        
        .agreement-content {
            background: white;
            border-radius: 16px;
            padding: 20px;
            margin: 15px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.08);
        }
        
        .agreement-section {
            margin-bottom: 20px;
        }
        
        .agreement-section-title {
            font-size: 18px;
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 10px;
            padding-bottom: 5px;
            border-bottom: 1px solid #e2e8f0;
        }
        
        .agreement-section-content {
            font-size: 14px;
            color: #4a5568;
            line-height: 1.6;
        }
        
        .back-btn {
            position: absolute;
            top: 20px;
            left: 20px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: rgba(255,255,255,0.2);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
            z-index: 10;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="screen">
        <div class="app-container">
            <div class="agreement-header">
                <div class="back-btn" onclick="window.location.href='about-us.html'">←</div>
                <div class="agreement-title">隐私协议</div>
                <div class="agreement-subtitle">最后更新日期：2023年12月1日</div>
            </div>
            
            <div class="agreement-content">
                <div class="agreement-section">
                    <div class="agreement-section-title">1. 引言</div>
                    <div class="agreement-section-content">
                        <p>记账助手（以下简称"我们"）非常重视用户的隐私和个人信息保护。本隐私协议（以下简称"本协议"）旨在向您说明我们如何收集、使用、存储和共享您的个人信息，以及您享有的相关权利。</p>
                        <p>在使用我们的服务前，请您务必仔细阅读并了解本协议。如您不同意本协议的任何内容，请立即停止使用我们的服务。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">2. 我们收集的信息</div>
                    <div class="agreement-section-content">
                        <p>2.1 您提供的信息：</p>
                        <ul>
                            <li>注册信息：您在注册账号时提供的用户名、密码、手机号码、电子邮箱等信息。</li>
                            <li>财务信息：您在使用本应用过程中录入的收支记录、账本信息、预算设置等数据。</li>
                            <li>用户反馈：您向我们提供的问题反馈、建议和评价等信息。</li>
                        </ul>
                        <p>2.2 我们自动收集的信息：</p>
                        <ul>
                            <li>设备信息：设备型号、操作系统版本、唯一设备标识符、IP地址等信息。</li>
                            <li>日志信息：您使用我们服务的详细情况，如访问日期和时间、应用崩溃情况、使用的功能等信息。</li>
                            <li>位置信息：经您授权后获取的位置信息，用于提供基于位置的服务。</li>
                        </ul>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">3. 我们如何使用您的信息</div>
                    <div class="agreement-section-content">
                        <p>我们可能将收集的信息用于以下目的：</p>
                        <ul>
                            <li>提供、维护和改进我们的服务。</li>
                            <li>处理您的账号注册、登录和身份验证。</li>
                            <li>响应您的请求、问题和反馈。</li>
                            <li>向您推送通知、更新和安全提醒。</li>
                            <li>分析用户行为，优化用户体验。</li>
                            <li>防止、检测和调查欺诈、安全漏洞和其他潜在的禁止或非法活动。</li>
                            <li>履行法律法规规定的义务。</li>
                        </ul>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">4. 信息的存储与保护</div>
                    <div class="agreement-section-content">
                        <p>4.1 信息存储：</p>
                        <p>我们会将收集的信息存储在中国境内的服务器上。我们承诺会采取合理可行的措施，尽力避免收集无关的个人信息，并在达成本协议所述目的所需的期限内保留您的个人信息。</p>
                        <p>4.2 信息安全：</p>
                        <p>我们采取各种安全技术和程序，以防信息的丢失、不当使用、未经授权阅览或披露。例如，在某些服务中，我们将利用加密技术（如SSL）来保护您提供的个人信息。但请您理解，由于技术的限制以及可能存在的各种恶意手段，即使我们已经尽力加强安全措施，也无法始终保证信息百分之百的安全。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">5. 信息共享与披露</div>
                    <div class="agreement-section-content">
                        <p>除以下情况外，未经您同意，我们不会与任何第三方共享您的个人信息：</p>
                        <ul>
                            <li>在获取您明确同意的情况下。</li>
                            <li>与我们的关联公司共享，用于提供和改进我们的服务。</li>
                            <li>与授权合作伙伴共享，以提供您所要求的服务。</li>
                            <li>根据法律法规的要求、强制性的行政或司法要求所必须提供的情况下。</li>
                            <li>在涉及合并、收购、资产转让或类似的交易时，如涉及到个人信息转让，我们会要求新的持有您个人信息的公司、组织继续受本隐私协议的约束。</li>
                        </ul>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">6. 您的权利</div>
                    <div class="agreement-section-content">
                        <p>根据适用的法律法规，您可能享有以下权利：</p>
                        <ul>
                            <li>访问权：您有权访问我们持有的关于您的个人信息。</li>
                            <li>更正权：您有权要求更正不准确的个人信息。</li>
                            <li>删除权：在特定情况下，您有权要求删除您的个人信息。</li>
                            <li>限制处理权：在特定情况下，您有权限制我们对您个人信息的处理。</li>
                            <li>数据可携带权：您有权以结构化、常用和机器可读的格式接收您提供给我们的个人信息，并有权将这些信息传输给另一个数据控制者。</li>
                            <li>反对权：在特定情况下，您有权反对我们处理您的个人信息。</li>
                        </ul>
                        <p>如您希望行使上述任何权利，请通过本协议末尾提供的联系方式与我们联系。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">7. 儿童隐私</div>
                    <div class="agreement-section-content">
                        <p>我们的服务不面向16岁以下的儿童。如果我们发现自己收集了16岁以下儿童的个人信息，我们会立即删除相关信息。如果您认为我们可能持有关于16岁以下儿童的信息，请通过本协议末尾提供的联系方式与我们联系。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">8. 协议更新</div>
                    <div class="agreement-section-content">
                        <p>我们可能会不时更新本隐私协议。当我们更新隐私协议时，我们会在本页面上发布更新后的协议，并根据更改的重要性通知您。我们鼓励您定期查看本页面以了解我们的隐私实践的最新信息。</p>
                    </div>
                </div>
                
                <div class="agreement-section">
                    <div class="agreement-section-title">9. 联系我们</div>
                    <div class="agreement-section-content">
                        <p>如果您对本隐私协议有任何疑问、意见或建议，请通过以下方式与我们联系：</p>
                        <p>电子邮箱：privacy@money-record.com</p>
                        <p>客服热线：400-888-8888</p>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="bottom-nav">
            <div class="nav-item" data-page="index.html">
                <div class="nav-icon">🏠</div>
                <div>首页</div>
            </div>
            <div class="nav-item" data-page="statistics.html">
                <div class="nav-icon">📊</div>
                <div>统计</div>
            </div>
            <div class="nav-item" id="quick-record-btn">
                <div class="nav-icon" style="font-size: 24px;">➕</div>
                <div>记账</div>
            </div>
            <div class="nav-item" data-page="details.html">
                <div class="nav-icon">📝</div>
                <div>明细</div>
            </div>
            <div class="nav-item active" data-page="user.html">
                <div class="nav-icon">👤</div>
                <div>我的</div>
            </div>
        </div>
    </div>
    
    <script>
        // 底部导航栏点击事件
        document.querySelectorAll('.nav-item').forEach(item => {
            if (item.id !== 'quick-record-btn') {
                item.addEventListener('click', function() {
                    window.location.href = this.getAttribute('data-page');
                });
            }
        });
        
        // 快速记账按钮点击事件
        document.getElementById('quick-record-btn').addEventListener('click', function() {
            window.location.href = 'auto-record.html';
        });
    </script>
</body>
</html>